<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>我的账单</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
	</head>
	<style type="text/css">
		/*移动端1px下边线*/
		body{background: #fff;}
		.border{ position: relative; }
		.border:after{ content: ''; display:block; position: absolute; width: 100%; left: 0px; bottom: 0px;height: 1px; background-color:  #efefef; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
		.head_time{height: 0.5rem;background: #dadada;font-size: 0.3rem;color: #000;font-weight: bold;line-height: 0.5rem;padding-left: 0.12rem;}
		.item{height: 1.4rem;background: #fff;cursor: pointer;}
		.item img{width: 0.7rem;height: auto;margin-left: 0.2rem;}
		.tips{height: 1.4rem;font-size: 0.28rem;margin-left: 0.2rem;}
		.tips h3{font-size: 0.3rem;}
		.money{height: 1.4rem;font-size: 0.3rem;color: #98cf6b;text-align: right;margin-right: 0.2rem;}
		.money h3{color: #000;margin-bottom: 0.1rem;font-size: 0.32rem;}
		.top{position: fixed;top: 0;left: 0;width: 100%;z-index: 9;}
		.zanwulogo{height: 3rem;width: 3rem;font-size: 0.28rem;margin: 2rem auto;text-align: center;color:#999;}
		.zanwulogo img{height: 2.2rem;width: 3rem;margin-bottom: 0.2rem;}
		body p{font-size: 0.3rem;}
	</style>
	<body>
		<div id="orderList">
			<!--template模板-->
		</div>
		<script type="text/html" id="template_orderList">
		<%for(var i in data) {%>
		<div class="orderbox">
			<div class="head_time"><%= data[i].timeId %></div>
			<%for(var j in data[i].child){%>
			<div class="item border flex flex-align-center" data-id='<%= data[i].child[j].id %>' onclick="order.orderJump(this)" >
				<img src="<%= data[i].child[j].payModeIcon %>"/>
				<div class="tips flex flex-pack-center flex-v flex-1">
					<h3><%= data[i].child[j].tradeTypeName %></h3>
					<p style="margin-top: 0.1rem;"><%= data[i].child[j].createTime %>&nbsp;<%= data[i].child[j].payModeName %></p>
				</div>
				<div class="money flex flex-pack-center flex-v">
					<h3>￥<%= data[i].child[j].orderAmount %></h3>
					<p><%= data[i].child[j].payStatusName %></p>
				</div>
			</div>
			<%}%>
		</div>
		<%}%>
		</script>
	</body>
	<script type="text/javascript" src="js/rem.js"></script>
	<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="js/layer.js"></script>
	<script type="text/javascript" src="js/jquery.base64.js"></script>
	<script type="text/javascript" src="js/api.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/template.js"></script>
	<script type="text/javascript" src="js/iscroll.js"></script>
	<script type="text/javascript" src="js/orderlist_old.js"></script>
</html>
